<template>
  <div class="el-study">
    <div class="el-question">
      <question />
    </div>
    <div class="el-right">
      <indicator />
      <atimer />
    </div>
  </div>
</template>

<script>
import indicator from "../study/indicator";
import question from "../study/question";
import atimer from "../study/timer";
export default {
  layout: "main",
   doStudyEnd(time, score) {
      this.$alert(
        `<strong>考试时间到</strong><br><div>用时:${time}分钟</div><div>分数:${score}</div>`,
        "提示",
        {
          confirmButtonText: "确定",
          dangerouslyUseHTMLString: true,
        }
      );
    },
  components: {
    indicator,
    question,
    atimer,
  },
};
</script>

<style scoped>
.el-study {
  display: flex;
}

.el-question {
  flex-grow: 1;
}

.el-right {
  width: 280px;
}
</style>